//jQuery

$(function(){
	//全局常量 - global
	var header 	= $('.header'),
		top 	= $('.top'),
		logo 	= $('.logo'),
		nav 	= $('.nav'),
		main 	= $('.main'),
		content = $('.content'),
		address = $(".address");

	//nav
	nav.find('a').on('click', function(){
		$(this).addClass('click').parent().siblings().find('a').removeClass('click');
	});

	//slider
	var index = 0;
	var wrapWid = $(".wrap").width();
	var lent = $(".statistics_list").find('li').length;
	$(".wrap").css('height', wrapWid * 0.8 +'px');
	$(".wrap").find('li').css('width', wrapWid+1 +'px');
	$(".statistics_list").find('ul').css('line-height', wrapWid * 0.8 / lent - 1 +'px');
	$(".statistics_list").find('li').css('height', wrapWid * 0.8 / lent - 1 +'px');

	$(".icon").find('a').on('click', function(){
		index = $(this).index();
		$(".wrap").find('li').animate({'opacity' : 0});
		$(this).addClass('clks').siblings().removeClass('clks');
		$(".wrap").find('li').eq(index).animate({'opacity' : 1});
	});

	function autoSlier(){
		index = index + 1;
		if (index > 2) {
			index = 0;
		}
		$(".wrap").find('li').animate({'opacity' : 0});
		$(".icon").find('a').eq(index).addClass('clks').siblings().removeClass('clks');
		$(".wrap").find('li').eq(index).animate({'opacity' : 1});
	}
	var autoS = setInterval(autoSlier, 3000);

	//页面大小改变事件
	var bodyw = document.body.offsetWidth;
		top.css({
			'width'  : bodyw,
			'height' : bodyw * 0.07
		});

	window.onresize = function(){
		var bodyw = document.body.offsetWidth;
		top.css({
			'width'  : bodyw,
			'height' : bodyw * 0.07
		});

		var wrapWid = $(".wrap").width();
		var lent = $(".statistics_list").find('li').length;
		$(".wrap").css('height', wrapWid * 0.8 +'px');
		$(".wrap").find('li').css('width', wrapWid+1 +'px');
		$(".statistics_list").find('ul').css('line-height', wrapWid * 0.8 / lent - 1 +'px');
		$(".statistics_list").find('li').css('height', wrapWid * 0.8 / lent - 1 +'px');
	}

});